<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>收入负债信息填写</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="js/lib/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.min.css">
    <link rel="stylesheet" href="css/form.css">

</head>

<body ontouchstart>
    <div class="page_bd">
        <div class="base_info_wp">
            <div class="base_info">
                <p>姓名:张三</p>
                <p>申请时间:2018-03-05 14:00</p>
                <p>申请编号:XS2018030514002248</p>
            </div>

        </div>
    </div>
    <div class="page__bd">
        <form method="POST" action="test.php" id="form">
            <div class="section">
                <h4>收入负债信息</h4>
            </div>
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">月均收入</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入月均收入(元)">
                    </div>
                </div>

                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">其他月收入</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入其他月收入(元)">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">供养人数</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入供养人数(人)">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">家庭负债</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入家庭负债情况">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">住房贷款</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入住房贷款(元/月)">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">月固定支出</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入月固定支出总额(元)">
                    </div>
                </div>

            </div>
            <div class="weui-cells__title">其他贷款</div>
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">机构名称</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="text" placeholder="请输入其他贷款机构名称">
                    </div>
                </div>
                <div class="weui-cell weui-cell_switch">
                    <div class="weui-cell__bd">是否办理平安新一贷</div>
                    <div class="weui-cell__ft">
                        <input class="weui-switch" type="checkbox">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">还款金额</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入还款金额(元/月)">
                    </div>
                </div>
                <div class="weui-cell weui-cell_select weui-cell_select-after">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">贷款用途</label>
                    </div>
                    <div class="weui-cell__bd">
                        <select class="weui-select" name="select2">
                            <option value="1">装修</option>
                            <option value="2">旅游</option>
                            <option value="3">婚庆</option>
                            <option value="4">其他类消费</option>
                            <option value="5">资金周转</option>
                        </select>
                    </div>
                </div>
            </div>


            <div class="next_btn">
                <a href="javascript:next()">下一步</a>
            </div>
        </form>
    </div>
</body>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/jquery-weui.min.js"></script>
<script src="js/city-picker.min.js"></script>
<script>
    $("#city-picker").cityPicker({
        showDistrict: false
    });
    function next() {
        var form = $('#form');
        var notEmpty = true;
        $('#form input').each(function (idx, ele) {

            if ($.trim($(ele).val()) == '') {
                alert('所有信息均为必填项');
                $(ele).focus();
                notEmpty = false;
                return false;
            }
        })

        if (notEmpty) {

            form.submit();
        }
    }

</script>

</html>